<!DOCTYPE html>
<html lang="en">
<head>
  <base href="" />
  <meta charset="UTF-8">
  <title>充电过程</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type="text/javascript" src="../static/js/jquery.tips.js"></script>
  <script type="text/javascript" src="../static/js/jquery.form.js"></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src='../static/js/fileinput.js'></script>
  <script type='text/javascript' src='../static/js/zh.min.js'></script>
  <script type='text/javascript' src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src="../static/js/chargingProcess.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type='text/javascript' src='../static/table/chargingProcessTable.js'></script>
</head>
<body>
    <div class="top">
        <h4 class="partTitle">
        	当前位置: 充电记录 <span class="comSpanTitle">></span>充电过程
        </h4>
    </div>
    <div class="blue"></div>
    <div class="scrollBody">
    <div class="partWhite" id="scrollHeight">
    	<form class="form-horizontal" id="chargingProcessSearch">
  		<input id="rows" name="rows" hidden="hidden" value="10">
  		<input id="page" name="page" hidden="hidden" value="1">
    	<div class="form-group">
    		<div class="col-md-3 col3ConditionAll">
	    		<label for="chargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
	            <div class="col-sm-8 partCondition">
	                <select name="chargingStationID" id="chargingStationID" class="form-control" onchange="search()">
	                  <option value="" selected="selected">请选择</option>
	                </select>
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll">
	        	<label for="startChargingDate" class="col-sm-4 control-label partConditionTitle">开始时间</label>
	            <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd" style="float: left;" onchange="changeDate()">
	              <input id="startChargingDate" name="startChargingDate" class="form-control" type="text">
	              <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll">
	            <label for="endChargingDate" class="col-sm-4 control-label partConditionTitle">结束时间</label>
	            <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd" style="float: left;" onchange="search()">
	              <input id="endChargingDate" name="endChargingDate" class="form-control" type="text">
	              <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll">
	            <label for="chargingProcessType" class="col-sm-4 control-label partConditionTitle">文件区分</label>
	            <div class="col-sm-8 partCondition">
	                <select name="chargingProcessType" id="chargingProcessType" class="form-control" onchange="search()">
	                  <option value="" >全部</option>
	                  <option value="carNumber" selected="selected">车辆自编号</option>
	                  <option value="equipmentNO" >充电桩号</option>
	                  <option value="equipmentID" >充电桩自编号</option>
	                </select>
	            </div>
            </div>
      	</div>
    	</form>
    	<div class="form-group">
            <!-- <button type="button" class="btn btn-primary" onclick="search();return false;">
                <img src="../static/images/chaxun.png" height="18" width="18"/> 查询
            </button> -->
            <button type="button" class="btn btnDefault marginLeft2ten" onclick="imports()">
            	<img src="../static/images/daoru.png" height="18" width="18"/> 批量上传
            </button>
    	</div>
        <div class="partTable">
            <table class="table table-hover" id="chargingProcessTable">
                <thead id="chargingProcessThead">
                </thead>
                <tbody id="chargingProcessTbody">
                </tbody>
            </table>
             <table class="table table-hover scrollTable" id="chargingProcessTable1">
            </table>
        </div>
        <div class="partBtn">
            <div class="partTurnPage">
                <ul class="list-inline">
                    <li id="total">共0页 0条记录</li>
                    <li class="turnPage"></li>
                </ul>
          </div>
       </div>
	</div>
 <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="fileinputModal" tabindex="-1" class="modal fade popup">
     <div class="popupFilesInput">
         <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true" class="close">&times;</span>
             </button>
             <h4 class="fileInputTitle">充电过程文件上传</h4>
         </div>
         <div class="modal-body filesInputBody">
           <form id="importFileForm" class="form-horizontal" method="post" enctype="multipart/form-data">
             <div class="form-group">
               <label for="ChargingStationID" class="col-sm-3 control-label partConditionTitle">充电站名称</label>
               <div class="col-sm-8 partCondition">
                 <select name="ChargingStationID" id="ChargingStationID" class="form-control">
                   <option value="" selected="selected">请选择</option>
                 </select>
               </div>
             </div>
             <div id="uploadFile"></div>
           </form>
         </div>
         <div class="modal-footer fileInputFooter">
             <button type="button" class="btn btn-primary" onclick="confirm();">确定</button>
             <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
         </div>
     </div>
 </div>
 <div aria-hidden="true" aria-labelledby="myModalLabel" data-backdrop="static" role="dialog" tabindex="-1" id="myMessagesModal" class="modal fade popup">
    <div class="popupMessages">
      <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true" id="close">&times;</span>
          </button>
          <h4 class="messagesTitle">信息</h4>
      </div>
      <div class="modal-body messagesBody">
        <form>
          <div class="form-group">
            <h4><strong id="message" class="message"></strong></h4>
          </div>
        </form>
      </div>
      <div class="modal-footer messagesFooter">
        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
      </div>
    </div>
  </div>
  </div>
</body>
</html>